import React, { Component } from "react";
import { Icon } from "antd-mobile";
import {Headwrap} from '../Home.js'
import {withRouter} from 'react-router-dom'

@withRouter
class Header extends Component {
  handleclick=()=>{
    this.props.history.push({pathname: '/search'})   
  }
  render() {
    return (
      <Headwrap>
        <div className="head-left">
          <span onClick={this.handleclick}>
            <Icon type="search"   />
          </span>
        </div>    
          <h2>旅游</h2>   
        <div className="head-right">
          <span>我的</span>
          <span>
            导航
          </span>
          <span><Icon type="down" style={{ fontSize: '14px',color:'#999' }} /></span>
        </div>
      </Headwrap>
    )
  }
}

export default Header